{extend name="./tpl/default/mobile/public/layout.html" /}
{block name="body"}
<style>
    .am-slider-b4 .am-direction-nav a.am-next:before{
        color:#e0e0e0;
    }
    .am-slider-b4 .am-direction-nav a{
        background-color: transparent;
    }
    .am-slider-b4 .am-direction-nav a:before{
        color:#e0e0e0;
    }
    .am-slider-b4 .am-direction-nav a.am-prev{
        left: -18px;
    }
    .am-slider-b4 .am-direction-nav a.am-next{
        right: -18px;
    }
    .am-slider-b4{
        -webkit-box-shadow:none;
        box-shadow: none;

    }
    .main_box3{border: 0;}
    .main_box11{margin-top: 15px;}
    .lunbo_box{background:#40BDFF;}
    .am-slider-default .am-control-nav{bottom: 20px;}
    .am-slider-default .am-control-nav li a{background-color: #fff;}
    .am-thumbnail{border:1px solid #ccc; }
    .center12{text-align: center;margin: 0 auto;width: 240px;border: 1px solid #ccc;    color: #000000;}
    .am-form-set{margin: 0.8rem 0;}
    .am-nav-prev{display: none;}
    .am-nav-next{display: none;}
      #list .pinaz {height: 45vw;background-size: cover;background-repeat: no-repeat;;background-position: center center; }
    #tist .neir {width:22vw;height:22vw;background-size: cover;background-repeat: no-repeat;;background-position: center center; }
</style>
<div>
    <img src="/public/home/mobile/image/images/1.jpg" alt="" style="max-width: 100%; width:inherit;">
</div>
<a href="{:url('/home/goods/search')}"><div class="am-g">
  <div class="am-u-md-8 am-u-sm-centered">
    <form class="am-form">
      <fieldset class="am-form-set">
        <input type="text" placeholder="搜索商品" style="margin:auto;">
      </fieldset>
      <button type="submit" class="am-btn am-btn-primary am-btn-block" onclick="msearch()" style="    color: black;display: inherit;width: 20px;height: 15px;background-color: #fff;border-color: #fff;position: absolute;z-index: 99;top: -1px;right: 25px;"><span class=" icon iconfont icon-chaxun"></span></button>
    </form>
  </div>
</div>
</a>
<div class="main_box">
<div class="am-slider am-slider-default" data-am-flexslider id="demo-slider-0">

  <ul class="am-slides">
  {volist name=":get_patch_info(0,'indexBanner')" id="vo"}
    <li><img src="{$vo.imgurl}" /></li>
       {/volist}
  </ul>
  
</div>
</div>
<div class="main_box1">
    <div class="am-g" style="margin-top: 0px;">
        {volist name=":goods_cat_list(0)" id="vo"}
        <div class="am-u-sm-3 am-u-end" style="margin: 0;padding: 0px;">
            <a href="{:url('/home/goods/allList',['cid'=>$vo.cid])}">
                <div class="am-thumbnail" style="border:1px solid transparent;">
                    <span class="icon iconfont" style="font-size: 38px;"><img src="{$vo.extend1}" alt="" style="max-width: 100%;width: 50px;"></span>
                    <h3 class="am-thumbnail-caption" style="color:#000;font-size: 12px;padding: 0;overflow:
                        hidden;white-space: nowrap;text-overflow: ellipsis;">{$vo.cat_name}</h3>
                </div>
            </a>

        </div>
        {/volist}
        <!--<div class="am-u-sm-3 am-u-end" style="margin: 0;padding: 0px;">-->
            <!--<a href="/home/goods/allList?cid=">-->
                <!--<div class="am-thumbnail" style="border:1px solid transparent;">-->
                    <!--<span class="icon iconfont icon-yigui" style="font-size: 38px;"></span>-->
                    <!--<h3 class="am-thumbnail-caption" style="color:#000;font-size:12px;padding: 0;overflow:-->
                        <!--hidden;white-space: nowrap;text-overflow: ellipsis;">产品列表</h3>-->
                <!--</div>-->
            <!--</a>-->

        <!--</div>-->
    </div>
</div>
</div>
<div class="main_box3">
    <div class="am-g">
        <div class="am-u-sm-12" style="padding:0;">
            {php}$private=get_patch_info(0,'private'){/php}
            <img src="{$private.img}" style="width: 100%" alt="{$private.desc}">
            <div style="width: 230px;margin: 0 auto;background: #40BDFF;padding: 8px 11px;color: #fff; margin-top:15px;">快来预约</div>
        </div>
    </div>
</div>
<div class="main_box11">
    <div class="am-g">
        <div class="am-u-sm-12" style="padding:0;">
            {php}$Hanstone=get_patch_info(0,'Hanstone'){/php}
            <img src="{$Hanstone.img}" style="width: 100%" alt="{$Hanstone.desc}">
        </div>
    </div>
</div>
<div class="main_box4">
    <!--<div class="am-g" style="margin-top: 60px">-->
        <!--<div class="am-u-sm-12" style="font-weight:lighter;font-size: 18px;color: #9e9e9e">-->
           <!--GROUP BUY-->
        <!--</div>-->
        <!--<div class="am-u-sm-12" style="font-size: 36px;color: #000000">-->
            <!--集采商品-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="am-g" style="margin-top: 2px;width: 100%;">-->
        <!--{volist name=":goods_list(0,0,4,['promotion_type'=>4])" id="vo"}-->
        <!--<div class="am-u-sm-6" style="padding:5px;">-->
            <!--<a href="{$vo.url}" style="width: 182px;height: 182px;">-->
            <!--<div class="am-thumbnail" style="height: 280px;margin-top:15px;padding: 5px;margin-bottom: 0px;">-->

                    <!--<img src="{$vo.goods_thumb}" alt="" style="height: 180px;padding: 5px 0 0 0;"/>-->

                <!--<div class="yomibox cnad tiem1" style="padding-top: 10px;" data-emsg="集采已结束" data-etime="{$vo['promotion_end_time']}"></div>-->
                <!--<h3 class="am-thumbnail-caption" style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0px;">{$vo.promotion_text}{$vo.fulltitle}</h3>-->
                <!--<h3 class="am-thumbnail-caption" style="padding: 0px;">￥ {$vo.simple_price}/{$vo.goods_unit}</h3>-->
            <!--</div>-->
            <!--</a>-->
        <!--</div>-->
        <!--{/volist}-->


    </div>
    <div class="am-g" style="margin-top: 15px;text-align: center;">
        <div class="am-u-sm-12" style="font-weight:lighter;font-size: 18px;color: #9e9e9e">
            HOT COMMODIRIES
        </div>
        <div class="am-u-sm-12" style="font-size: 28px;color: #000000;margin-top: -10px;  ">
            热门商品
         <div style="margin-top:-5px;">
            <div style="border-bottom:1px solid #ccc; padding-bottom:3px; width:260px;margin: 0 auto;"></div>
            <div style="border-bottom:2px solid; padding-bottom:3px; width:260px;margin: 0 auto;"></div>
          </div>     
        </div>
    </div>
    <div class="am-g"  id="list" style="margin-top: 2px;width: 100%;">
        {volist name=":goods_list(0,0,4,['is_hot'=>1])" id="vo"}
        <div class="am-u-sm-6"   style="padding:5px;">
            <a href="{$vo.url}" style="width: 182px;height: 182px;">
            <div class="am-thumbnail" style="margin-top:15px;padding: 5px;margin-bottom: 0px;">

                   <div class="pinaz" style="background-image:url('{$vo.goods_thumb}')"/></div>

                <h3 class="am-thumbnail-caption" style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0px;padding-top: 10px;text-align: center;">{$vo.fulltitle}</h3>
                <h3 class="am-thumbnail-caption" style="padding: 0px;text-align: center; color:#C5986F;">￥ {$vo.simple_price}/{$vo.goods_unit}</h3>
            </div>
            </a>
        </div>
        {/volist}
    </div>
    <div class="am-g" style="margin-top: 15px;">
        <a href="{$vo.url}" style="width: 182px;height: 182px;">
        <div class="center12" style="text-align: center;">
            已有2501件优质产品&nbsp;&nbsp;<span style="color:#1AA8E8;">+MORE</span>
        </div>
            </a>
    </div>
    <div class="am-g" style="margin-top: 60px;text-align: center;">
        <div class="am-u-sm-12" style="font-weight:lighter;font-size: 18px;color: #9e9e9e">
            RECOMMENDATION
        </div>
        <div class="am-u-sm-12" style="font-size: 28px;color: #000000;margin-top: -10px;  ">
            推荐商品
         <div style="margin-top:-5px;">
            <div style="border-bottom:1px solid #ccc; padding-bottom:3px; width:260px;margin: 0 auto;"></div>
            <div style="border-bottom:2px solid; padding-bottom:3px; width:260px;margin: 0 auto;"></div>
          </div>     
        </div>
    </div>
    <div class="am-g" id="list" style="margin-top: 2px;">
        {volist name=":goods_list(0,0,4,['is_best'=>1])" id="vo"}
        <div class="am-u-sm-6" style="padding:5px;">
            <a href="{$vo.url}" style="width: 182px;height: 182px;">
            <div class="am-thumbnail" style="margin-top:15px;padding: 5px;margin-bottom: 0px;overflow: hidden;">

                  <div class="pinaz" style="background-image:url('{$vo.goods_thumb}')"/></div>

                <h3 class="am-thumbnail-caption" style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0px;padding-top: 10px;text-align: center;">{$vo.fulltitle}</h3>
                <h3 class="am-thumbnail-caption" style="color:#C5986F;padding: 0px;padding-top: 7px;text-align: center;">￥ {$vo.simple_price}/{$vo.goods_unit}</h3>
            </div>
            </a>
        </div>
        {/volist}
    </div>
    <div class="am-g" style="margin-top: 15px;">
        <a href="{$vo.url}" style="width: 182px;height: 182px;">
        <div class="center12" style="text-align: center;">
            已有2501件优质产品&nbsp;&nbsp;<span style="color:#1AA8E8;">+MORE</span>
        </div>
            </a>
    </div>
    <div class="am-g" style="margin-top: 60px;text-align: center;">
        <div class="am-u-sm-12" style="font-weight:lighter;font-size: 18px;color: #9e9e9e">
            CUSTOMER CASE
        </div>
        <div class="am-u-sm-12" style="font-size: 28px;color: #000000;margin-top: -10px;  ">
            <a href="{:url('/home/Cms/channel?cid=44')}" style="color: #000000;">客户案例</a>
         <div style="margin-top:-5px;">
            <div style="border-bottom:1px solid #ccc; padding-bottom:3px; width:260px;margin: 0 auto;"></div>
            <div style="border-bottom:2px solid; padding-bottom:3px; width:260px;margin: 0 auto;"></div>
          </div>     
        </div>
    </div>
    <div class="main_box5">
        <div data-am-widget="slider" class="am-slider am-slider-b4" data-am-slider='{&quot;controlNav&quot;:false}'>
            <ul class="am-slides">
                {volist name=":cms_list(0,1,44)" id="vo"}
               
                <a href="{$vo.url}">
                <li style="width:347;">
                    <div class="lunbo1" style="border:1px solid #ccc;">
                       <p style="margin: 10px 0;">{$vo.title}</p>
                        <img src="{$vo.thumb}" alt="" style=" height: 77vw;">
                    </div>
                    <div class="am-slider-desc">
                        <div class="lunbo_box1">
                            <a href="{$vo.url}">
                                <p style="color:#fff;font-size: 16px;line-height:45px; background:#C5986F;">查看产品详情</p>
                            </a>
                        </div>
                    </div>
                </li></a>
                {/volist}


            </ul>
        </div>
    </div>
    <div class="main_box6">
        <div class="am-g" style="margin-top: 60px;text-align: center;">
            <div class="am-u-sm-12" style="font-weight:lighter;font-size: 18px;color: #9e9e9e">
                DESIGN COLLECTION
            </div>
            <div class="am-u-sm-12" style="font-size: 28px;color: #000000;margin-top: -10px;  ">
                设计宝典
             <div style="margin-top:-5px;">
                <div style="border-bottom:1px solid #ccc; padding-bottom:3px; width:260px;margin: 0 auto;"></div>
                <div style="border-bottom:2px solid; padding-bottom:3px; width:260px;margin: 0 auto;"></div>
              </div>     
            </div>
        </div>
        <div data-am-widget="tabs" class="am-tabs am-tabs-default">
            <ul class="am-tabs-nav am-cf " style="background:#fff;">
                <li class="am-active"><a href="[data-tab-panel-0]"style=" margin-top:20px ; line-height:20px;">装修</a></li>
                <li class=""><a href="[data-tab-panel-1]" style="border-left:1px solid #ccc; margin-top:20px ; line-height:20px;">设计</a></li>
                <li class=""><a href="[data-tab-panel-2]" style="border-left:1px solid #ccc; margin-top:20px ; line-height:20px;">风水</a></li>
                <li class=""><a href="[data-tab-panel-3]" style="border-left:1px solid #ccc; margin-top:20px ; line-height:20px;">生活</a></li>
            </ul>
            <div class="am-tabs-bd" style="border:1px solid transparent;">
                <div data-tab-panel-0 class="am-tab-panel am-active">
                    {volist name=":cms_list(0,1,46)" id="vo" offset="0" length='3'}
                    <a href="{$vo.url}">
                    <div class="am-g"  id="tist"style="margin-top: 20px;border: 1px solid #e0e0e0;">
                        <div class="am-u-sm-4" style="padding:5px; width:90px;">
                      
                                 <div class="neir" style="background-image:url('{$vo.thumb}')"></div>
                         
                        </div>
                        <div class="am-u-sm-8" style="float:left;">
                            <div class="asdas" style="padding:18px 18px 0 0;">
                                    <span style="width: 40px;margin-top: 4px;color: #ffffff;background: #C5986F;line-height: 16px;padding: 3px;float: left;margin-left: 5px;">
                                      {$vo.author}
                                    </span>
                                    <div style="height: 48px;overflow: hidden;text-align: left;margin-left: 60px;width: 131px;">{$vo.title}</div>
                                <div class="am-u-sm-12" style="text-align:left; padding-left:0;">
                                    <a href="{$vo.url}">{:date('y/m/d',$vo['create_time'])}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    </a>
                    {/volist}
                </div>
                <div data-tab-panel-1 class="am-tab-panel">
                    {volist name=":cms_list(0,1,47)" id="vo" offset="0" length='3'}
                   <a href="{$vo.url}">
                    <div class="am-g"  id="tist"style="margin-top: 20px;border: 1px solid #e0e0e0;">
                        <div class="am-u-sm-4" style="padding:5px; width:90px;">
                      
                                 <div class="neir" style="background-image:url('{$vo.thumb}')"></div>
                         
                        </div>
                        <div class="am-u-sm-8" style="float:left;">
                            <div class="asdas" style="padding:18px 18px 0 0;">
                                    <span style="width: 40px;margin-top: 4px;color: #ffffff;background: #C5986F;line-height: 16px;padding: 3px;float: left;margin-left: 5px;">
                                      {$vo.author}
                                    </span>
                                    <div style="height: 48px;overflow: hidden;text-align: left;margin-left: 60px;width: 131px;">{$vo.title}</div>
                                <div class="am-u-sm-12" style="text-align:left; padding-left:0;">
                                    <a href="{$vo.url}">{:date('y/m/d',$vo['create_time'])}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    </a>
                    {/volist}
                </div>
                <div data-tab-panel-2 class="am-tab-panel ">
                    {volist name=":cms_list(0,1,48)" id="vo" offset="0" length='3'}
                   <a href="{$vo.url}">
                    <div class="am-g"  id="tist"style="margin-top: 20px;border: 1px solid #e0e0e0;">
                        <div class="am-u-sm-4" style="padding:5px; width:90px;">
                      
                                 <div class="neir" style="background-image:url('{$vo.thumb}')"></div>
                         
                        </div>
                        <div class="am-u-sm-8" style="float:left;">
                            <div class="asdas" style="padding:18px 18px 0 0;">
                                    <span style="width: 40px;margin-top: 4px;color: #ffffff;background: #C5986F;line-height: 16px;padding: 3px;float: left;margin-left: 5px;">
                                      {$vo.author}
                                    </span>
                                    <div style="height: 48px;overflow: hidden;text-align: left;margin-left: 60px;width: 131px;">{$vo.title}</div>
                                <div class="am-u-sm-12" style="text-align:left; padding-left:0;">
                                    <a href="{$vo.url}">{:date('y/m/d',$vo['create_time'])}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    </a>
                    {/volist}
                </div>
                <div data-tab-panel-3 class="am-tab-panel ">
                    {volist name=":cms_list(0,1,49)" id="vo" offset="0" length='3'}
                    <a href="{$vo.url}">
                    <div class="am-g"  id="tist"style="margin-top: 20px;border: 1px solid #e0e0e0;">
                        <div class="am-u-sm-4" style="padding:5px; width:90px;">
                      
                                 <div class="neir" style="background-image:url('{$vo.thumb}')"></div>
                         
                        </div>
                        <div class="am-u-sm-8" style="float:left;">
                            <div class="asdas" style="padding:18px 18px 0 0;">
                                    <span style="width: 40px;margin-top: 4px;color: #ffffff;background: #C5986F;line-height: 16px;padding: 3px;float: left;margin-left: 5px;">
                                      {$vo.author}
                                    </span>
                                    <div style="height: 48px;overflow: hidden;text-align: left;margin-left: 60px;width: 131px;">{$vo.title}</div>
                                <div class="am-u-sm-12" style="text-align:left; padding-left:0;">
                                    <a href="{$vo.url}">{:date('y/m/d',$vo['create_time'])}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    </a>
                    {/volist}
                </div>
                <button class="am-btn am-btn-sm" style="background:#fff;"><a
                        href="{:url('/home/Cms/channel',['cid'=>45])}" style="color: #C5986F">查看更多>></a></button>
            </div>

        </div>
    </div>
</div>
{/block}
{block name="script"}

<script type="text/javascript" src="/public/plugins/timedown/jquery.yomi.js"></script>
<script>
        function msearch() {
        datas.goods_name=$('#goods_name').val();
        datas.page=0;
        drop.noData(false);
        drop.unlock();
        $('#list').empty();
        drop.resetload();
    }
</script>
{/block}
